<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="baidu-site-verification" content="code-sSW4ZnP6n2" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="keywords" content="合生盈科,承兑汇票,票据,汇票,贴现,汇票贴现,大票助手,票据卫士,票据贴现,转贴助手,承兑贴现比价引擎">
<meta name="description" content="合生盈科信息咨询（杭州）有限公司，前身为“正信票据投研俱乐部”，成立于2018年。正信票研，一家专注于“票据生态链”研究与管理的机构。在商业汇票安全、商业汇票科技、商业汇票理论研究、商业汇票市场研究、商业汇票资产投研等领域均有产品开发。上线了“大票助手”、“票据安全卫士”、“票据贴现聚合引擎”、“转贴助手”、“票据一二级市场数据联动监测屏”等产品。">
<title>合生盈科-个人中心</title>
<link rel="icon" href="images/logo2.png">
<link rel="stylesheet" href="fonts/flaticon/flaticon.css">
<link rel="stylesheet" href="fonts/icofont/icofont.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/user-center.css">
<style>
  .account-data .detail {
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
  }
  .col-account .account-data .sub-title {
    margin-bottom: 20px;
  }
  .actived::before {
    transform: rotate(180deg);
    color: #A20505;
  }
  .list-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin-bottom: 20px;
    border-radius: 8px;
    position: relative;
  }
  .list-wrap:last-child {
    background: transparent;
    justify-content: center;
  }
  .list-wrap .pagination-box {
    height: auto;
    background: transparent;
  }
  .table .thead-theme>tr>th {
    color: #333333;
    font-weight: 600;
    background: #FFE8E8;
    border-radius: 0;
  }
  .table tr th, .table tr td {
    color: #646464;
    font-weight: normal;
  }
  tbody >tr>td.payment-primary {
    color: #00A9F1;
  }
  tbody >tr>td.no-payment {
    color: #EC6F2A;
  }
  tbody >tr>td.wait-payment {
    color: #00A9F1;
  }
  .payment-success, tbody >tr>td.payment-success {
    color: #1BBD52;
  }
  tbody >tr>td.wait-payment-actived {
    color: #8B39CC;
  }
  tbody >tr>td.payment-failed {
    color: #A4A4A4;
  }
  tbody >tr:nth-child(even) {
    background: #FFF4F4;
  }
  .page-item .page-link {
    border-radius: 4px;
    border: 1px solid #dee2e6;
  }
  .page-item:first-child .page-link, .page-item:last-child .page-link{
    border-radius: 4px;
  }
  .page-item .actived {
    background: #A20505;
    color: #fff;
  }
  .table>:not(caption)>*>* {
    border: none;
  }
  .menu-list {
    width: 160px;
    padding: 5px;
    position: absolute;
    right: 10%;
    top: 77px;
    background: #F9E5E5;
    border-radius: 4px;
    display: none;
    z-index: 10;
  }
  .menu-list li {
    height: 42px;
    line-height: 42px;
    text-align: center;
    color: #939393;
  }
  .menu-list li.active {
    background: #FFBABA;
    color: #A20505;
    border-radius: 4px;
  }
  .menu-list li:hover {
    background: #FFBABA;
    color: #A20505;
  }
  #showbox {
    display: none;
    position: absolute;
    width: 100%;
    padding: 20px;
    background: #FFE1E1;
    left: 0;
    top: 0;
    box-shadow: 0px 0px 10px 0px rgba(141,0,0,0.08);
    border-radius: 8px;
    z-index: 1;
  }
  #showbox .box-item {
    float: left;
    width: 50%;
  }
  .category-list, .col-box {
    height: 660px;
  }
</style>
</head>
<body>
  <section class="home-index-slider">
    <div class="banner">
      <nav>
        <div class="navbar-content" style="width:86%;border: none;">
          <ul class="navbar-list" style="width:100%;">
            <li class="navbar-item" style="width:100%;text-align:right;">
              <a href="#" style="margin-right: 20px;">
                <img src="images/logo.png" width="120" />
              </a>
              <a class="navbar-link" href="#" id="username">欢迎您，XXX</a>
              <a id="user-avatar" class="navbar-link avatar" href="#">
                <img width="40" height="40" src="images/avatar.png" />
              </a>
              <ul class="menu-list">
                <li><a>个人中心</a></li>
                <li><a>百信银行</a></li>
                <li><a>重庆富民银行</a></li>
                <li><a>微众银行</a></li>
                <li><a>湖南三湘银行</a></li>
              </ul>
            </li>
          </ul>
        </div>
      </nav>
    </div>
  </section>
  <div class="banner-img" style="margin: 0 0 10px 0;background: #FFFAFA;">
    <div class="container content-nav">
      <a class="back">&larr; 返回</a> |
      <a href="#" class="home-link">首页</a>&gt;
      <a href="#" class="home-link">百信银行</a>&gt;
      <a href="#" class="center-link">打款记录</a>
    </div>
  </div>
  <div class="banner-img">
    <div class="container">
      <div class="row">
        <div class="col-sm-12 col-md-3 col-lg-3 col-xl-3 col-box">
          <ul class="category-list">
            <li>
              <a class="cate-link dropdown-link" href="#">
                <img width="24" height="24" src="images/zhanghuxinxi2@2x.png" />
                <span style="color: #333;">账户信息</span>
              </a>
            </li>
            <li>
              <a class="cate-link dropdown-link actived" href="#" style="background: #FFF2F2;">
                <img width="24" height="24" src="images/yinhang@2x(2).png" />
                <span style="color: #A20505;">百信银行</span>
              </a>
              <ul class="dropdown-list" style="display: block;">
                <li><a href="#">签约列表</a></li>
                <li><a href="#">贴现订单列表</a></li>
                <li><a href="#">认证表单</a></li>
                <li><a href="#">补录资料</a></li>
                <li><a href="#">认证记录</a></li>
                <li class="active"><a href="#">打款记录</a></li>
                <li><a href="#">补传证件</a></li>
                <li><a href="#">补传影像</a></li>
              </ul>
            </li>
            <li>
              <a class="cate-link dropdown-link" href="#">
                <img width="24" height="24" src="images/yinhang@2x.png" />
                <span>富民银行</span>
              </a>
              <ul class="dropdown-list">
                <li><a href="#">签约列表</a></li>
                <li><a href="#">贴现订单列表</a></li>
                <li><a href="#">认证表单</a></li>
                <li><a href="#">补录资料</a></li>
                <li><a href="#">认证记录</a></li>
                <li><a href="#">补传证件</a></li>
                <li><a href="#">补传影像</a></li>
              </ul>
            </li>
            <li>
              <a class="cate-link dropdown-link" href="#">
                <img width="24" height="24" src="images/yinhang@2x.png" />
                <span>微众银行</span>
              </a>
              <ul class="dropdown-list">
                <li><a href="#">签约列表</a></li>
                <li><a href="#">贴现订单列表</a></li>
                <li><a href="#">认证表单</a></li>
                <li><a href="#">补录资料</a></li>
                <li><a href="#">认证记录</a></li>
                <li><a href="#">补传证件</a></li>
                <li><a href="#">补传影像</a></li>
              </ul>
            </li>
            <li>
              <a class="cate-link dropdown-link" href="#">
                <img width="24" height="24" src="images/yinhang@2x.png" />
              <span>三湘银行</span>
              </a>
              <ul class="dropdown-list">
                <li><a href="#">签约列表</a></li>
                <li><a href="#">贴现订单列表</a></li>
                <li><a href="#">认证表单</a></li>
                <li><a href="#">补录资料</a></li>
                <li><a href="#">认证记录</a></li>
                <li><a href="#">补传证件</a></li>
                <li><a href="#">补传影像</a></li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="col-sm-12 col-md-9 col-lg-9 col-xl-9 col-account">
          <div class="account-data">
            <div class="sub-title">
              <span class="line"></span>
              <h3 class="title">打款记录</h3>
            </div>
            <div class="detail">
              <div class="list-wrap">
                <table id="example1" class="table">
                  <thead class="thead-theme">
                    <tr>
                      <th scope="col">流水号</th>
                      <th scope="col">企业名称</th>
                      <th scope="col">开户行名称</th>
                      <th scope="col">打款金额(元)</th>
                      <th scope="col">打款状态</th>
                      <th scope="col">打款验证状态</th>
                      <th scope="col">发起打款时间</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-success">成功</td>
                      <td class="payment-success">验证成功</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td>失败</td>
                      <td>验证失败</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-primary">处理中</td>
                      <td class="no-payment">未验证</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-success">成功</td>
                      <td class="payment-success">验证成功</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-success">成功</td>
                      <td class="payment-success">验证成功</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td>失败</td>
                      <td>验证失败</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-primary">处理中</td>
                      <td class="no-payment">未验证</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-success">成功</td>
                      <td class="payment-success">验证成功</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-success">成功</td>
                      <td class="payment-success">验证成功</td>
                      <td>2023-11-19</td>
                    </tr>
                    <tr>
                      <th scope="row">21***3847</th>
                      <td>杭州勇凯新***</td>
                      <td>河北银行****</td>
                      <td>198855.00</td>
                      <td class="payment-primary">处理中</td>
                      <td class="no-payment">未验证</td>
                      <td>2023-11-19</td>
                    </tr>
                  </tbody>
                </table>
                <div id="showbox"></div>
              </div>
              <div class="list-wrap">
                <nav class="pagination-box" aria-label="Page navigation example">
                  <ul class="pagination">
                    <li class="page-item">
                      <a class="page-link" href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                      </a>
                    </li>
                    <li class="page-item"><a class="page-link" href="#">1</a></li>
                    <li class="page-item"><a class="page-link actived" href="#">2</a></li>
                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                    <li class="page-item">
                      <a class="page-link" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                      </a>
                    </li>
                  </ul>
                </nav>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <footer class="footer-part">
    <div class="container container-box">
      <div class="row row-container">
        <div class="widget">
          <a class="footer-logo">
            <img width="130" height="130" src="images/image 110@2x.png" />
          </a>
          <p class="footer-desc">扫码关注我们</p>
        </div>
        <div class="widget-contact">
          <ul class="footer-contact">
            <li>联系电话：0571-56073120</li>
            <li>邮箱：heshengyingke@163.com</li>
            <li>公司网址：www.heshengyk.com</li>
            <li>公司地址：杭州市滨江区江南大道3588号恒生大厦A座1001室</li>
          </ul>
        </div>
      </div>
    </div>
  </footer>
  <footer class="footer-part copyright-part">
    <div class="container">
      <div class="col-sm-12 col-md-12 col-xl-12 col-lg-12 col-copyright">
        <p>
          Copyright @合生盈科 版权所有
          <span class="beian">新ICP备2022000949号-1</span>
        </p>
      </div>
    </div>
  </footer>
  <script src="js/jquery.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/login.js"></script>
  <script>
    function showBox(obj,box){
      $(obj).on("mouseenter", function(e) {
        var clientY = e.clientY;
        $(box).css("left", 0).css("top", clientY - 240);
        $(box).html(`
          <p class='box-item'><b>流 水 号</b>: 12137182473948230404810274</p>
          <p class='box-item'><b>企业名称</b>: 杭州勇凯新能源有限公司</p>
          <p class='box-item'><b>承 兑 行</b>: 河北银行股份有限公司保定定州支行</p>
          <p class='box-item'><b>打款金额</b>: 198537.38元</p>
          <p class='box-item'><b>打款状态</b>: <span class='payment-success'>成功</span></p>
          <p class='box-item'><b>验证状态</b>: <span class='payment-success'>验证成功</span></p>
          <p class='box-item'><b>发起打款时间</b>: 2022-01-07  13:09:03</p>
        `);
        $(box).show();
      });
      $('#example1').on("mouseout", function(){
        $(box).css("left", 0).css("top", 0);
        $('#showbox').hide();
      });
    }
    showBox("#example1 > tbody > tr", "#showbox");
  </script>
</body>
</html>